<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Morning Blog Theme</title>
<meta name="keywords" content="morning, blog theme, free templates, website design, templatemo, CSS, HTML" />
<meta name="description" content="Morning Blog Theme, free CSS template provided by templatemo.com" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/ddsmoothmenu.js">

/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<script type="text/javascript">

ddsmoothmenu.init({
	mainmenuid: "templatemo_menu", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>
</head>

<body id="subpage">

<div id="templatemo_outer_sub_wrapper">
	<div id="templatemo_sub_wrapper">
    
    	<div id="templatemo_header">
            <div id="site_title"><h1><a href="http://www.templatemo.com">Free CSS Templates</a></h1></div>
            <div id="templatemo_menu" class="ddsmoothmenu">
                <ul>
                    <li><a href="index.html"><span></span>Home</a></li>
                    <li><a href="about.html"><span></span>About</a>
                      	<ul>
                        	<li><a href="index_flash_gallery.html">Flash Gallery</a></li>
                            <li><a href="http://www.templatemo.com/page/1">Sub menu 1</a></li>
                            <li><a href="http://www.templatemo.com/page/2">Sub menu 2</a></li>
                            <li><a href="http://www.templatemo.com/page/3">Sub menu 3</a></li>
                        </ul>
                    </li>
                    <li><a href="portfolio.html"><span></span>Portfolio</a>
                      	<ul>
                            <li><a href="http://www.templatemo.com/page/1">Sub menu 1</a></li>
                            <li><a href="http://www.templatemo.com/page/2">Sub menu 2</a></li>
                            <li><a href="http://www.templatemo.com/page/3">Sub menu 3</a></li>
                            <li><a href="http://www.templatemo.com/page/4">Sub menu 4</a></li>
                            <li><a href="http://www.templatemo.com/page/5">Sub menu 5</a></li>
                        </ul>
                    </li>
                  	<li><a href="blog.html" class="selected"><span></span>Blog</a></li>
                    <li><a href="contact.html"><span></span>Contact</a></li>
                </ul>
                <br style="clear: left" />
            </div> <!-- end of templatemo_menu -->
            <div class="cleaner"></div>

        </div> <!-- end of templatemo header -->
        
        <div id="templatemo_main">
        	
            <div id="content">
            	<div class="post_box">
                    <img src="images/templatemo_image_04.jpg" class="image_wrapper" alt="Image 01" />
                    <h2>Web Design and Development</h2>
                    <p><span class="cat">Posted in <a href="#">Freebies</a>, <a href="#">Templates</a></span> | Date: July 26, 2048 | <a href="#">128 comments</a></p>           
                    <p>Aenean quis justo ipsum. Nunc laoreet est id mi facilisis ut imperdiet arcu sollicitudin. Sed sapien ante, feugiat vitae venenatis et, euismod quis ante. Cras tempus tristique lectus non bibendum. Pellentesque varius sodales mattis. Curabitur dignissim risus et nisi facilisis fringilla. Praesent euismod sapien et nisl sollicitudin nec blandit ante vulputate.</p>
                    <a class="more float_r" href="blog_post.html">Continue Reading</a>
                    <div class="cleaner"></div>
                </div>
                <div class="post_box">
                    <img src="images/templatemo_image_05.jpg" class="image_wrapper" alt="Image 02" />
                    <h2>Online Media Marketing</h2>
              		<p><span class="cat">Posted in <a href="#">Templates</a>, <a href="#">CSS/HTML</a></span> | Date: June 20, 2048 | <a href="#">256 comments</a></p>
                    <p>Donec ullamcorper, felis sed adipiscing convallis, felis tellus malesuada neque, iaculis aliquam tellus diam eget diam. Aenean euismod ipsum vitae lacus hendrerit ut scelerisque enim eleifend. Mauris vitae ligula nec velit pulvinar egestas. Nullam semper dignissim consequat. Ut a diam sed purus condimentum ultricies et augue. Suspendisse feugiat cursus varius. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
                    <a class="more float_r" href="blog_post.html">Continue Reading</a>
                    <div class="cleaner"></div>
                </div>
                <div class="post_box">
                  	<img src="images/templatemo_image_06.jpg" class="image_wrapper" alt="Image 03" />
                  	<h2>Multimedia and 3D Animations</h2>
                  	<p><span class="cat">Posted in <a href="#">3D</a>, <a href="#">Animations</a></span> | Date: May 15, 2048 | <a href="#">512 comments</a></p>
                    
              		<p>Pellentesque ultricies imperdiet quam, vel adipiscing lectus scelerisque suscipit. Sed laoreet, risus nec molestie ultricies, leo massa interdum est, et ullamcorper urna orci id augue. Sed felis turpis, varius vitae ultrices quis, faucibus at nisl. Cras egestas turpis quis eros consequat eget fermentum purus accumsan. Nullam blandit turpis ac dolor dictum vulputate.</p>
                    <a class="more float_r" href="blog_post.html">Continue Reading</a>
                    <div class="cleaner"></div>
              </div>
              
              <div class="cleaner"></div>
                <div class="paging">
                    <ul>
                        <li><a href="http://www.templatemo.com" target="_parent">Previous</a></li>
                        <li><a href="http://www.templatemo.com/page/1" target="_parent">1</a></li>
                        <li><a href="http://www.templatemo.com/page/2" target="_parent">2</a></li>
                        <li><a href="http://www.templatemo.com/page/3" target="_parent">3</a></li>
                        <li><a href="http://www.templatemo.com/page/4" target="_parent">4</a></li>
                        <li><a href="http://www.templatemo.com/page/5" target="_parent">5</a></li>
                        <li><a href="http://www.templatemo.com/page/6" target="_parent">6</a></li>
                        <li><a href="http://www.templatemo.com/page/7" target="_parent">Next</a></li>
                    </ul>
                </div> 
    
    			<div class="cleaner"></div>
            </div>
            
            <div id="sidebar">
            	<h4>Categories</h4>
                <div class="sidebar_box">
                    <ul class="templatemo_list">
                        <li><a href="#">Aliquam pretium porta odio</a></li>
                        <li><a href="#">Fusce quis diam sit amet</a></li>
                        <li><a href="#">Praesent adipiscing et</a></li>
                        <li><a href="#">Quisque dictum pharetra</a></li>
                    </ul>
                </div>
                
                <div class="cleaner_h20"></div>
                
                <h4>Cool Links</h4>
                <div class="sidebar_box">
                    <ul class="templatemo_list">
                        <li><a href="http://www.templatemo.com/page/1">Free CSS Templates</a></li>
                        <li><a href="http://www.webdesignmo.com/blog">Web Design Resources</a></li>
                        <li><a href="http://www.flashmo.com">Free Flash Templates</a></li>
                        <li><a href="http://www.templatemo.com">Website Templates</a></li>
                        <li><a href="http://www.koflash.com">Free Web Gallery</a></li>
                    </ul>
                </div>
                
                <div class="cleaner_h20"></div>
                
                <h4>Quick Info.</h4>
                <div class="sidebar_box">
                    <blockquote>
                        <p>Curabitur blandit laoreet arcu, ac viverra diam eleifend eget. Mauris faucibus fermentum feugiat. Sed eget eros metus, sit amet ullamcorper ipsum.</p>
                        
                      <cite><a href="http://www.templatemo.com" target="_parent">Edward</a> - <span>Web Designer</span></cite>            </blockquote>
                </div>
            </div>
            
            <div class="cleaner"></div>
        </div>
    
    </div> <!-- end of templatemo_wrapper -->
</div> <!-- end of templatemo_outer_wrapper -->

<div id="templatemo_footer_wrapper">
	<div id="templatemo_footer">
        Copyright © 2048 Your Company Name | Designed by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
        <div class="cleaner"></div>
    </div>
</div>

</body>
</html>